<nav class="navbar navbar-default main-header">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="container" style="width: 1170px">
            <div class="navbar-header" style="width: 300px;float: left">
                <a ui-sref="main.home" class="navbar-brand">
                    <img src="image/logo.png" alt="logo" class="pull-left">
                </a>
                <span class="app-title"> 让好声音无处不在</span>


            </div>

            <div class="btn-group btn-group_b" uib-dropdown is-open="mail.isopen" style="float: right;height: 58px;"
                 ng-click="messageClick()">
                <button ui-sref="main.noticeMessage" id="mail-button" type="button" class="btn btn-primary"
                        uib-dropdown-toggle style="width: 50px">
                    <i class="iconfont icon-A-xiaoxi" aria-hidden="true" ng-show="messageIsShow"></i>
                </button>
            </div>

            <div class="btn-group btn-group_a user-base-info" uib-dropdown is-open="status.isopen">
                <button id="single-button" type="button" class="btn btn-primary" style="margin-right: 0!important" uib-dropdown-toggle>
                    <img ng-src="{{userInfo.avatarUrl?userInfo.avatarUrl:'image/head.png'}}"
                         style="margin-right:10px; ">{{userInfo.userName}} <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="single-button">
                    <li role="menuitem" class="head_account">
                        <i class="iconfont icon-yunyingzhanghao"></i><a ui-sref="main.personalInformation" style="display: inline-block"　><span>账户信息</span></a>
                    </li>
                    <li role="menuitem" class="head_account">
                        <i class="iconfont icon-daohang_tuichuzhanghao"></i><a ui-sref="login" style="display: inline-block"><span>退出账号</span></a>
                    </li>

                </ul>
            </div>
        </div>
    </div>
</nav>
<div class="container" style="width: 1170px;padding-top: 75px;" ng-style="minHeight" >

    <div class="app-aside">
        <uib-accordion>
            <div uib-accordion-group class="panel-default" is-open="item.open" is-disabled="!item.items.length"
                 ng-repeat="item in meunItems" ><!--style="border-bottom: 2px solid #d5d5d5;"-->
                <uib-accordion-heading>
                <span class="item-header" ng-class="{'item-title-open':$state.current.name.indexOf(item.sref)>-1}" ng-click="menuTitleClick(item)" style=" font-size: 14px;">
                    <i class="{{item.icon}}" aria-hidden="true" style="position: relative;bottom: 4px"></i><span style="position: relative;bottom: 8px">{{item.title}}</span>
                </span>
                    <i class="pull-right glyphicon" style="font-size: 12px" ng-class="{'glyphicon-triangle-bottom': item.open, 'glyphicon-triangle-right': !item.open}"></i>
                </uib-accordion-heading>
                <ul class="nav nav-sub nav-align">
                    <li ng-repeat="listItem in item.items" ng-class="{'hrShow':listItem.hrShow}">
                        <a ui-sref="{{listItem.sref}}" ng-if="(userInfo.reviewStatus==8&&userInfo.status==4)||(userInfo.reviewStatus==7&&userInfo.status==4)||(userInfo.reviewStatus==9&&userInfo.status==4)" ui-sref-opts="{inherit:false}"
                           ng-class="{'active':$state.includes(listItem.sref)}" style="padding: 10px 0;">
                            <span>{{listItem.title}}</span>
                        </a>
                        <a ng-if="(userInfo.reviewStatus ==8&&userInfo.status==2)||(userInfo.reviewStatus ==8&&userInfo.status==3)"
                           ui-sref="main.home">
                            <span class="grey">{{listItem.title}}</span>
                        </a>
                        <a ng-if="(userInfo.reviewStatus==9&&userInfo.status==2)||(userInfo.reviewStatus==7&&userInfo.status==2)||(userInfo.reviewStatus==9&&userInfo.status==3)||(userInfo.reviewStatus==7&&userInfo.status==3)"
                           ui-sref="main.home">
                            <span class="grey">{{listItem.title}}</span>
                        </a>
                        <hr ng-if="listItem.hrShow"/>
                    </li>
                </ul>

            </div>
            <div uib-accordion-group class="panel-default" is-open="sys.open" ng-init="sys.open=($state.includes('main.personalInformation')||$state.includes('main.modifyPassword'))"><!--style="border-bottom: 2px solid #d5d5d5;"-->
                <uib-accordion-heading>
                <span class="item-header" ng-class="{'item-title-open':$state.includes('main.personalInformation')||$state.includes('main.modifyPassword')}"  style=" font-size: 14px;">
                    <i class="iconfont icon-A-xitongshezhi" aria-hidden="true" style="position: relative;bottom: 4px"></i><span  style="position: relative;bottom: 8px">系统设置</span>
                </span>
                    <i class="pull-right glyphicon" style="font-size: 12px" ng-class="{'glyphicon-triangle-bottom': $state.includes('main.personalInformation')||$state.includes('main.modifyPassword'), 'glyphicon-triangle-right': !$state.includes('main.personalInformation')&&!$state.includes('main.modifyPassword')}"></i>
                </uib-accordion-heading>
                <ul class="nav nav-sub nav-align" >
                    <li>
                        <a ui-sref="main.personalInformation"  ui-sref-opts="{inherit:false}"
                           ng-class="{'active':$state.includes('main.personalInformation')}" style="padding: 10px 0;">
                            <span>账户信息</span>
                        </a>

                    </li>
                    <li>
                        <a ui-sref="main.modifyPassword"  ui-sref-opts="{inherit:false}"
                           ng-class="{'active':$state.includes('main.modifyPassword')}" style="padding: 10px 0;">
                            <span>修改密码</span>
                        </a>

                    </li>
                </ul>

            </div>


        </uib-accordion>

    </div>

    <div class="app-content" ng-class="{'app-content-all-screen':close}">
        <div ui-view="container" ></div>
    </div>
</div>
<div class="page_foot">
    <div class="foot_content">
        <div class="foot_content_top">
            <SPAN>关于我们</SPAN>
            <SPAN>联系我们</SPAN>
            <SPAN>常见问题</SPAN>
        </div>
        <div class="foot_content_bottom">
            <p>版权所有：</p>
            <p>京ICP证080047[京ICP备08010314号-6] 文网文[2009]024号 新出网证（京）字069号 工商营业执照</p>
            <p>京公网安备11000002000006号</p>
        </div>

    </div>
</div>
